<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="author" content="TechyDevs">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,  initial-scale=1.0">
    <meta name="description" content="Costar - Coronavirus Medical Prevention Template">
    <meta name="keywords" content="medical, corona, virus, health, html5 template">

    <title></title>

    <!-- Favicon -->
    <link rel="icon" sizes="16x16" href="images/favicon.png">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,500&display=swap" rel="stylesheet">

    <!-- inject:css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/line-awesome.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/style.css">
    <!-- end inject -->
</head>
<body>

<!-- page preloader -->
<div id="loading-area">
    <div class="loader-col">
        <div class="loader" id="loader"></div>
    </div>
</div><!-- end loading -->

<!--======================================
        START HEADER AREA
    ======================================-->
<section class="header-menu-area header-menu-area-2">
    <div class="header-menu-fluid">
        <div class="container ">
            <div class="main-menu-content-2">
                <div class="row align-items-center h-100">
                    <div class="col-lg-3">
                        <div class="logo-box">
                            <a href="index.html" class="logo"><img src="images/logo2.png" alt="logo"></a>
                        </div>
                    </div><!-- end col-lg-3 -->
                    <div class="col-lg-9">
                        <div class="menu-wrapper">
                            <nav class="main-menu">
                                <ul>
                                    <li>
                                        <a href="#">Home</a>
                                        <ul class="dropdown-menu-item">
                                            <li><a href="index.html">Home 01</a></li>
                                            <li><a href="home-2.html">Home 02</a></li>
                                            <li><a href="home-3.html">Home 03</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="about.html">about</a></li>
                                    <li>
                                        <a href="#">pages</a>
                                        <ul class="dropdown-menu-item">
                                            <li><a href="doctors.html">Our doctors</a></li>
                                            <li><a href="doctor-single.html">Doctor detail</a></li>
                                            <li><a href="contact.html">Contact us</a></li>
                                            <li><a href="faq.html">Faqs</a></li>
                                            <li><a href="error.html">Error page</a></li>
                                            <li><a href="recover.html">Recover pass</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="prevention.html">Prevention</a></li>
                                    <li>
                                        <a href="#">blog</a>
                                        <ul class="dropdown-menu-item">
                                            <li><a href="blog-grid.html">blog grid</a></li>
                                            <li><a href="blog-sidebar.html">blog sidebar</a></li>
                                            <li><a href="blog-single.html">blog detail</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="login1.html">log in</a>
                                        <span class="ml-1 mr-1">/</span>
                                        <a href="registration.html">Sign in</a>
                                    </li>
                                </ul><!-- end ul -->
                            </nav><!-- end main-menu -->
                            <div class="logo-right-button logo-right-button-2">
                                <ul>
                                    <li><a href="prevention.html" class="template-btn">Prevention</a></li>
                                </ul>
                                <div class="side-menu-open">
                                    <i class="la la-bars"></i>
                                </div>
                            </div><!-- end logo-right-button -->
                            <div class="side-nav-container">
                                <div class="humburger-menu">
                                    <div class="humburger-menu-lines side-menu-close"></div><!-- end humburger-menu-lines -->
                                </div><!-- end humburger-menu -->
                                <div class="side-menu-wrap">
                                    <ul class="side-menu-ul">
                                        <li class="sidenav__item">
                                            <a href="index.html">home</a>
                                            <span class="menu-plus-icon"></span>
                                            <ul class="side-sub-menu">
                                                <li><a href="index.html">Home 01</a></li>
                                                <li><a href="home-2.html">Home 02</a></li>
                                                <li><a href="home-3.html">Home 03</a></li>
                                            </ul>
                                        </li>
                                        <li class="sidenav__item"><a href="about.html">about</a></li>
                                        <li class="sidenav__item">
                                            <a href="#">pages</a>
                                            <span class="menu-plus-icon"></span>
                                            <ul class="side-sub-menu">
                                                <li><a href="doctors.html">Our doctors</a></li>
                                                <li><a href="doctor-single.html">Doctor detail</a></li>
                                                <li><a href="contact.html">Contact us</a></li>
                                                <li><a href="faq.html">Faqs</a></li>
                                                <li><a href="error.html">Error page</a></li>
                                                <li><a href="recover.html">Recover pass</a></li>
                                            </ul>
                                        </li>
                                        <li class="sidenav__item"><a href="prevention.html">Prevention</a></li>
                                        <li class="sidenav__item">
                                            <a href="blog-grid.html">blog</a>
                                            <span class="menu-plus-icon"></span>
                                            <ul class="side-sub-menu">
                                                <li><a href="blog-grid.html">blog grid</a></li>
                                                <li><a href="blog-sidebar.html">blog sidebar</a></li>
                                                <li><a href="blog-single.html">blog detail</a></li>
                                            </ul>
                                        </li>
                                        <li class="sidenav__item">
                                            <a href="contact.html">contact</a>
                                        </li>
                                    </ul>
                                    <div class="side-btn-box">
                                        <a href="login1.html">log in</a>
                                        <span class="ml-1 mr-1">/</span>
                                        <a href="registration.html">Sign in</a>
                                    </div>
                                </div><!-- end side-menu-wrap -->
                            </div><!-- end side-nav-container -->
                        </div><!-- end menu-wrapper -->
                    </div><!-- end col-lg-9 -->
                </div><!-- end row -->
            </div>
        </div><!-- end container -->
    </div><!-- end header-menu-fluid-->
</section><!-- end header-menu-area -->
<!--======================================
        END HEADER AREA
======================================-->

<!-- ================================
    START BREADCRUMB AREA
================================= -->
<section class="breadcrumb-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-content text-center">
                    <div class="section-heading">
                        <h2 class="section__title">Blog Detail</h2>
                    </div>
                </div><!-- end breadcrumb-content -->
            </div><!-- end col-lg-12 -->
        </div><!-- end row -->
    </div><!-- end container -->
    <div class="breadcrumb-list">
        <ul class="list-items">
            <li class="active__list-item"><a href="index.html">home</a></li>
            <li>Blog Detail</li>
        </ul>
    </div>
</section><!-- end breadcrumb-area -->
<!-- ================================
    END BREADCRUMB AREA
================================= -->

<!--======================================
        START BLOG AREA
======================================-->
<section class="blog-area padding-top-140px padding-bottom-120px">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="card-item blog-card-detail">
                    <div class="card-img-box">
                        <img src="images/img6.jpg" alt="">
                    </div>
                    <div class="card-content">
                        <h4 class="card-meta"><i class="la la-clock-o"></i> 4 min read</h4>
                        <h3 class="card-title"><a href="blog-single.html">Technical guidance: Guidance for schools, workplaces & institutions</a></h3>
                        <ul class="list-items">
                            <li class="card-dot-active"><span class="la la-user"></span>By <a href="#">TechyDevs </a></li>
                            <li><span class="la la-calendar"></span> Jan 8, 2019</li>
                        </ul>
                        <p class="card-desc mb-3">
                            Visitors will be able to choose to stay in one of two homes – part of a stacked building – or in a single dwelling, connected via a covered footbridge. Pitched roofs cover the trio of residencies, all of which feature folding full-length windows and balconies that let inhabitants gaze out across the boulder-covered surrounding region.
                        </p>
                        <p class="card-desc">
                            Podcasting operational change management workflows to establish framework Taking seamless key formance indicators offline to maximise the long tail keep eye on the performing a deep dive on the start-up mentality collaborative admin empowered markets networks optimization
                        </p>
                        <div class="blockquote-item mt-4 mb-4">
                            <blockquote class="mb-0">
                                <i class="fa fa-quote-right blockquote__icon"></i>
                                <p class="blockquote__text">
                                    Creativity is just connecting things. When you ask creative people how
                                    they did something, they feel a little guilty because they didn't really do it,
                                    they just saw something. It seemed obvious to them after a while.
                                    That's because they were able to connect experiences they've had
                                    and synthesize new things.
                                </p>
                                <h4 class="blockquote__meta">- Steve Jobs <span>Founder of Apple Inc.</span></h4>
                            </blockquote>
                        </div>
                        <p class="card-desc">
                            Podcasting operational change management workflows to establish framework Taking seamless key formance indicators offline to maximise the long tail keep eye on the performing a deep dive on the start-up mentality collaborative admin empowered markets networks optimization
                        </p>
                        <div class="tag-items mt-4">
                            <ul class="tag-list">
                                <li class="font-weight-medium text-color mr-2">Tags:</li>
                                <li><a href="#" class="rounded-radius">Coronavirus</a></li>
                                <li><a href="#" class="rounded-radius">Clinic</a></li>
                                <li><a href="#" class="rounded-radius">Prevention</a></li>
                                <li><a href="#" class="rounded-radius">Medicine</a></li>
                                <li><a href="#" class="rounded-radius">Virus</a></li>
                            </ul>
                            <ul class="social-links mt-4">
                                <li class="font-weight-medium text-color mr-2">Share post:</li>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div><!-- end blog-content -->
                </div><!-- end card-item -->
                <div class="related-post padding-top-45px">
                    <h3 class="widget-title font-size-22">Related Posts</h3>
                    <div class="related-post-inner mt-4">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="card-item">
                                    <div class="card-img-box">
                                        <img src="images/img1.jpg" alt="">
                                    </div>
                                    <div class="card-content">
                                        <h4 class="card-meta"><i class="la la-clock-o"></i> 4 min read</h4>
                                        <h3 class="card-title"><a href="blog-single.html">How we can tak care of our health against Virus</a></h3>
                                        <ul class="list-items">
                                            <li class="card-dot-active"><span class="la la-user"></span>By <a href="#">TechyDevs </a></li>
                                            <li><span class="la la-calendar"></span> Jan 8, 2019</li>
                                        </ul>
                                        <a href="blog-single.html" class="template-btn btn-layout-small">read more</a>
                                    </div><!-- end blog-content -->
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="card-item">
                                    <div class="card-img-box">
                                        <img src="images/img2.jpg" alt="">
                                    </div>
                                    <div class="card-content">
                                        <h4 class="card-meta"><i class="la la-clock-o"></i> 4 min read</h4>
                                        <h3 class="card-title"><a href="blog-single.html">10 Ways to Stay Healthy on a Road Trip</a></h3>
                                        <ul class="list-items">
                                            <li class="card-dot-active"><span class="la la-user"></span>By <a href="#">TechyDevs </a></li>
                                            <li><span class="la la-calendar"></span> Jan 8, 2019</li>
                                        </ul>
                                        <a href="blog-single.html" class="template-btn btn-layout-small">read more</a>
                                    </div><!-- end blog-content -->
                                </div>
                            </div>
                        </div><!-- end row -->
                    </div>
                </div><!-- end related-post -->
                <div class="comments-wrap mt-5">
                    <h2 class="widget-title font-size-22">4 Comments</h2>
                    <div class="title-shape"></div>
                    <ul class="comments-list padding-top-40px">
                        <li>
                            <div class="comment">
                                <img class="avatar__img" alt="" src="images/small-team1.jpg">
                                <div class="comment-body">
                                    <div class="meta-data">
                                        <span class="comment__author">adam smith</span>
                                        <span class="comment__date">17 Dec, 2018 - 4:00 AM</span>
                                    </div>
                                    <p class="comment-content">
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                                        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                        Ut enim ad minim veniam, quis nostrud exercitation.
                                        Curabitur non nulla sit amet nisl tempus
                                    </p>
                                    <div class="comment-reply d-flex justify-content-between align-items-center">
                                        <a class="template-btn comment__btn" href="#">
                                            <i class="la la-reply"></i> Reply
                                        </a>
                                    </div>
                                </div>
                            </div><!-- end comment -->
                            <ul class="comments-reply">
                                <li>
                                    <div class="comment">
                                        <img class="avatar__img" alt="" src="images/small-team2.jpg">
                                        <div class="comment-body">
                                            <div class="meta-data">
                                                <span class="comment__author">Julian Smith</span>
                                                <span class="comment__date">17 Dec, 2018 - 4:00 PM</span>
                                            </div>
                                            <p class="comment-content">
                                                Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                                                sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                                Ut enim ad minim veniam.
                                                Curabitur non nulla sit amet nisl tempus
                                            </p>
                                            <div class="comment-reply d-flex justify-content-between align-items-center">
                                                <a class="template-btn comment__btn" href="#">
                                                    <i class="la la-reply"></i> Reply
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul><!-- end comment -->
                            <div class="comment">
                                <img class="avatar__img" alt="" src="images/small-team3.jpg">
                                <div class="comment-body">
                                    <div class="meta-data">
                                        <span class="comment__author">Matt Derry</span>
                                        <span class="comment__date">17 Dec, 2018 - 4:00 PM</span>
                                    </div>
                                    <p class="comment-content">
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                                        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                        Ut enim ad minim veniam, quis nostrud exercitation.
                                        Curabitur non nulla sit amet nisl tempus
                                    </p>
                                    <div class="comment-reply d-flex justify-content-between align-items-center">
                                        <a class="template-btn comment__btn" href="#">
                                            <i class="la la-reply"></i> Reply
                                        </a>
                                    </div>
                                </div>
                            </div><!-- end comment -->
                        </li>
                    </ul>
                    <div class="btn-box padding-top-20px text-center">
                        <button type="button" class="template-btn border-0">
                            <span class="la la-refresh"></span> Load More
                        </button>
                    </div><!-- end btn-box -->
                </div>
                <div class="comment-form padding-top-55px">
                    <div class="user-form">
                        <div class="section-heading">
                            <h2 class="section__title font-size-22">Leave a Comment</h2>
                        </div><!-- end section-heading -->
                        <div class="contact-form-action mt-4">
                            <form method="post">
                                <div class="input-box">
                                    <div class="form-group">
                                        <input class="form-control" type="text" name="name" placeholder="Your Name">
                                        <span class="la la-user input-icon"></span>
                                    </div><!-- end form-group -->
                                </div>
                                <div class="input-box">
                                    <div class="form-group">
                                        <input class="form-control" type="email" name="email" placeholder="Email Address">
                                        <span class="la la-envelope-o input-icon"></span>
                                    </div><!-- end form-group -->
                                </div>
                                <div class="input-box">
                                    <div class="form-group">
                                        <input class="form-control" type="text" name="subject" placeholder="Subject">
                                        <span class="la la-book input-icon"></span>
                                    </div><!-- end form-group -->
                                </div>
                                <div class="input-box">
                                    <div class="form-group">
                                        <textarea class="message-control form-control" name="message" placeholder="Write Question Here"></textarea>
                                        <span class="la la-pencil input-icon"></span>
                                    </div><!-- end form-group -->
                                </div>
                                <div class="btn-box">
                                    <div class="form-group text-center mb-0">
                                        <button class="template-btn border-0 w-100" type="submit">Submit comment</button>
                                    </div><!-- end form-group -->
                                </div>
                            </form>
                        </div><!-- end contact-form-action -->
                    </div>
                </div>
            </div><!-- end col-lg-8 -->
            <div class="col-lg-4">
                <div class="sidebar">
                    <div class="sidebar-widget">
                        <h3 class="widget-title">Search</h3>
                        <div class="section-divider"></div>
                        <div class="contact-form-action mt-4">
                            <form action="#">
                                <div class="form-group mb-0">
                                    <input class="form-control pl-3" type="text" placeholder="Search here">
                                    <button class="search-btn"><i class="la la-search"></i></button>
                                </div>
                            </form>
                        </div>
                    </div><!-- end sidebar-widget -->
                    <div class="sidebar-widget">
                        <h3 class="widget-title">Category</h3>
                        <div class="section-divider"></div>
                        <ul class="list-items mt-4">
                            <li><a href="#"><i class="la la-angle-right mr-1"></i> Coronavirus and COVID-19</a></li>
                            <li><a href="#"><i class="la la-angle-right mr-1"></i> Coronavirus spread</a></li>
                            <li><a href="#"><i class="la la-angle-right mr-1"></i> Coronavirus Prevention</a></li>
                            <li><a href="#"><i class="la la-angle-right mr-1"></i> Virus Treated</a></li>
                            <li><a href="#"><i class="la la-angle-right mr-1"></i> Wear a face mask</a></li>
                            <li><a href="#"><i class="la la-angle-right mr-1"></i> Travel advice</a></li>
                        </ul>
                    </div><!-- end sidebar-widget -->
                    <div class="sidebar-widget">
                        <h3 class="widget-title">Recent Posts</h3>
                        <div class="section-divider"></div>
                        <div class="sidebar-posts mt-4">
                            <div class="recent-item align-items-center">
                                <div class="recent-img">
                                    <a href="blog-single.html">
                                        <img src="images/small-img1.jpg" alt="blog image">
                                    </a>
                                </div><!-- end recent-img -->
                                <div class="recent-post-body">
                                    <h4 class="widget-title">
                                        <a href="blog-single.html">10 Ways to Stay Healthy on a Road Trip</a>
                                    </h4>
                                    <p class="recent__meta">By <a href="#">TechyDevs</a> 2 Jan, 2020 </p>
                                </div><!-- end recent-img -->
                            </div><!-- end recent-item -->
                            <div class="recent-item align-items-center">
                                <div class="recent-img">
                                    <a href="blog-single.html">
                                        <img src="images/small-img2.jpg" alt="blog image">
                                    </a>
                                </div><!-- end recent-img -->
                                <div class="recent-post-body">
                                    <h4 class="widget-title">
                                        <a href="blog-single.html">How we tak care of our health against Virus</a>
                                    </h4>
                                    <p class="recent__meta">By <a href="#">TechyDevs</a> 4 Jan, 2020 </p>
                                </div><!-- end recent-img -->
                            </div><!-- end recent-item -->
                            <div class="recent-item align-items-center">
                                <div class="recent-img">
                                    <a href="blog-single.html">
                                        <img src="images/small-img3.jpg" alt="blog image">
                                    </a>
                                </div><!-- end recent-img -->
                                <div class="recent-post-body">
                                    <h4 class="widget-title">
                                        <a href="blog-single.html">How Scientific Is Modern Medicine Really?</a>
                                    </h4>
                                    <p class="recent__meta">By <a href="#">TechyDevs</a> 5 Jan, 2020 </p>
                                </div><!-- end recent-img -->
                            </div><!-- end recent-item -->
                            <div class="recent-item align-items-center">
                                <div class="recent-img">
                                    <a href="blog-single.html">
                                        <img src="images/small-img3.jpg" alt="blog image">
                                    </a>
                                </div><!-- end recent-img -->
                                <div class="recent-post-body">
                                    <h4 class="widget-title">
                                        <a href="blog-single.html">How Scientific Is Modern Medicine Really?</a>
                                    </h4>
                                    <p class="recent__meta">By <a href="#">TechyDevs</a> 5 Jan, 2020 </p>
                                </div><!-- end recent-img -->
                            </div><!-- end recent-item -->
                        </div><!-- end sidebar-posts -->
                    </div><!-- end sidebar-widget -->
                    <div class="sidebar-widget">
                        <h3 class="widget-title">Tags</h3>
                        <div class="section-divider"></div>
                        <ul class="tag-list mt-4">
                            <li><a href="#">Corona</a></li>
                            <li><a href="#">Coronavirus</a></li>
                            <li><a href="#">Medical</a></li>
                            <li><a href="#">Hospital</a></li>
                            <li><a href="#">Covid-19</a></li>
                            <li><a href="#">Clinic</a></li>
                            <li><a href="#">Covid</a></li>
                            <li><a href="#">Pharmacy</a></li>
                            <li><a href="#">Covid-19 Advises</a></li>
                            <li><a href="#">Prevention</a></li>
                            <li><a href="#">Medicine</a></li>
                            <li><a href="#">Virus</a></li>
                        </ul>
                    </div><!-- end sidebar-widget -->
                    <div class="sidebar-widget">
                        <h3 class="widget-title">Follow &amp; Connect</h3>
                        <div class="section-divider"></div>
                        <ul class="social-links mt-4">
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                            <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            <li><a href="#"><i class="fa fa-behance"></i></a></li>
                        </ul>
                    </div>
                </div><!-- end col-lg-4 -->
            </div><!-- end col-lg-4 -->
        </div><!-- end row -->
    </div><!-- end container -->
</section><!-- end blog-area -->
<!--======================================
        END BLOG AREA
======================================-->

<!-- ================================
         END FOOTER AREA
================================= -->
<section class="footer-area padding-top-90px">
    <div id="particles-bg"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-3 column-td-6">
                <div class="footer-widget">
                    <a href="index.html">
                        <img src="images/logo.png" alt="footer logo" class="footer__logo">
                    </a>
                    <p class="padding-top-30px padding-bottom-20px">
                        Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan.
                        sed do eiusmod tempor incididunt ut labor
                    </p>
                    <h3 class="widget-title font-size-16 font-weight-medium pb-3 mb-0">Connect with us</h3>
                    <ul class="social-links">
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                    </ul>
                </div><!-- end footer-widget -->
            </div><!-- end col-lg-3 -->
            <div class="col-lg-3 column-td-6">
                <div class="footer-widget">
                    <h3 class="widget-title">Privacy & Tos</h3>
                    <div class="section-divider"></div>
                    <ul class="list-items">
                        <li><a href="#">Advertiser agreement</a></li>
                        <li><a href="#">Developer agreement</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Technology Privacy</a></li>
                        <li><a href="#">Acceptable user policy</a></li>
                    </ul>
                </div><!-- end footer-widget -->
            </div><!-- end col-lg-3 -->
            <div class="col-lg-3 column-td-6">
                <div class="footer-widget">
                    <h3 class="widget-title">Useful links</h3>
                    <div class="section-divider"></div>
                    <ul class="list-items">
                        <li><a href="#">Situation Reports</a></li>
                        <li><a href="#">Advice For Public</a></li>
                        <li><a href="#">Prevention</a></li>
                        <li><a href="#">Coronavirus Symptoms</a></li>
                        <li><a href="#">Donor & Partners</a></li>
                    </ul>
                </div><!-- end footer-widget -->
            </div><!-- end col-lg-3 -->
            <div class="col-lg-3 column-td-6">
                <div class="footer-widget">
                    <h3 class="widget-title">Contact Us</h3>
                    <div class="section-divider"></div>
                    <ul class="list-items">
                        <li><span class="mr-1 font-weight-medium text-color">Address:</span>2750 Quadra Street Victoria, Canada.</li>
                        <li><span class="mr-1 font-weight-medium text-color">Email:</span><a href="#">hello@example.com</a></li>
                        <li><span class="mr-1 font-weight-medium text-color">Phone:</span><a href="#">+44 587 154756</a></li>
                        <li><span class="mr-1 font-weight-medium text-color">Fax:</span><a href="#">+55 785 4578964</a></li>
                    </ul>
                </div><!-- end footer-widget -->
            </div><!-- end col-lg-3 -->
        </div><!-- end row -->
        <div class="row">
            <div class="col-lg-12">
                <div class="copyright-content text-center">
                    <p class="copy__desc">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                </div>
            </div><!-- end col-lg-12 -->
        </div><!-- end copyright-content -->
    </div><!-- end container -->
</section><!-- end footer-area -->
<!-- ================================
          END FOOTER AREA
================================= -->

<!-- start scroll top -->
<div id="scroll-top">
    <i class="fa fa-angle-up" title="Go top"></i>
</div>
<!-- end scroll top -->


<!-- template js files -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/purecounter.js"></script>
<script src="js/particles.min.js"></script>
<script src="js/particlesRun.js"></script>
<script src="js/smooth-scrolling.js"></script>
<script src="js/main.js"></script>
</body>
</html>